<div class="content">

<script type="text/javascript" >
 var o_bear_type = '';
 var o_bear = null;
 var o_hoodie = null;
 var o_type = '';
 var o_icon = null;
 var o_kiss = 'No';
 var o_message = null;
 var o_name = '';
 var o_card = null;
 var o_front_text_1 = '';
 var o_front_text_2 = '';
 var o_inside_text_1 = '';
 var o_inside_text_2 = '';
 var o_inside_text_3 = '';

</script >
<input type="hidden" id="bear_type" value="<?php echo $cid; ?>" />

<div class="center">
	<div class="teddy-bear-personalizetion-wrapper">
		<div class="personalized-bear-header" >
			<img src="<?php echo $this->baseUrl('/componentroot/appstore/');?>personalized-teddy-bear-step-one.jpg" alt="Personalized Teddy Bear" class="personalized-btn" id="bear"  />
		</div >
		<div id="personalized-bear" >
			<table border="0" width="100%" cellspacing="0" >
				<tr>
				<?php $i =0; foreach($productArr as $product):?>
					<?php if($i>0 && $i %4 == 0):?></tr><tr><?php  endif;?>
					<td align="center" width="120" style="text-align:center;padding:5px;">
						<?php echo App::Helper('Html')->imgDTag($this->baseDir("/uploads/filemanager/{$product['imagethumb']}"),"/100/fix",array('alt'=>"{$product['title']}",'class'=>'bear','id'=>"bear_{$product['id']}","longdesc"=>"{$product['id']}")); ?><br />
						<?php echo $product['title'];  ?>
					</td>
				<?php $i++; endforeach;?>
				</tr ></table >
		</div >
		<div class="personalized-bear-header" >
			<img src="<?php echo $this->baseUrl('/componentroot/appstore/');?>personalized-teddy-bear-step-two.jpg" alt="Personalized Teddy Bear Hoodie" class="personalized-btn" id="hoodie"  />
		</div >
		<div id="personalized-hoodie" >
			<table border="0" width="100%" cellspacing="0" >
				<tr>
				<?php foreach($hoodieArr as $i => $product):?>
					<?php if($i>0 && $i %4 == 0):?></tr><tr><?php  endif;?>
					<td align="center" width="120" style="text-align:center;padding:5px;">
						<?php echo App::Helper('Html')->imgDTag($this->baseDir("/uploads/filemanager/{$product['thumbnail']}"),"/100/fix",array('alt'=>"{$product['title']}",'class'=>'hoodie','id'=>"hoodie_{$product['id']}","longdesc"=>"{$product['id']}")); ?><br />
						<?php echo $product['title'];  ?>
					</td>
				<?php endforeach;?>
				</tr >
			</table >
		</div >
		<div class="personalized-bear-header" >
			<img src="<?php echo $this->baseUrl('/componentroot/appstore/');?>personalized-teddy-bear-step-three.jpg" alt="Personalized Teddy Bear Hoodie" class="personalized-btn" id="embroidery"  />
		</div >
		<div id="personalized-embroidery" class="personalized-embroidery" >
			<div class="help" id="example" title="" >
				<img src="<?php echo $this->baseUrl('/');?>images/Louisa.jpg" alt="" />
				<img src="<?php echo $this->baseUrl('/');?>images/GrandaughterHeart.jpg" alt=""  />
				<img src="<?php echo $this->baseUrl('/');?>images/NephewStar.jpg" alt=""  /><br />Name bears include a name through a large heart. Message bears include your message and can include a heart or a star with/without kisses (XXX)
			</div>
			<div id="select_bear_type" >
				<h3 >Please tell us which type of Bear you want:</h3>
				<ul class="bear_type" >
					<li >
						<input name="personalize_type" value="message-bear" id="message-bear" type="radio" class="personalize_bear_type" />
						<label for="message-bear">Message Bear (click for details)</label>
					</li>
					<li >
						<input name="personalize_type" value="name-bear" id="name-bear" type="radio" class="personalize_bear_type" />
						<label for="name-bear">Name Bear (click for details)</label>
					</li>
				</ul >
			</div >
			<div id="message_bear" >
				<h3>Please let us know which of the following you wish to add:</h3>
				<ul >
					<li class="addheart" >
						<input name="icon"  class="icon_type" type="radio" id="small_heart" />
						<label for="small_heart">Small Heart</label>
					</li>
					<li class="addstar" >
						<input name="icon" class="icon_type" type="radio" id="small_star" />
						<label for="small_star">Small Star</label>
					</li>
				</ul >
				<h3>Please tell us if you would like to add kisses</h3>
				<ul >
					<li class="addkiss" >
						<input name="kiss" class="kiss" type="checkbox" id="kiss" /> Yes, please
					</li>
				</ul >
				<h3>Please enter the text you would like in the hoodie(up to 75 characters)</h3>
				<input name="message" class="message" type="text" id="message" value="Please enter the text you would like in the hoodie(up to 75 characters)" maxlength="75" />
				<!-- h3>Please use the following text field to add any special instructions </h3>
				<textarea class="breabox special_instruction" name="special_instruction"></textarea -->
				<br class="clearboth"  />
				<input type="submit" value="Update" class="ok_btn" id="MessageBearOk" />
				<input type="submit" value="Cancel" class="back" id="MessageBearBack" />
				<br class="clearboth"  />
			</div >
			<div id="name_bear" >
				<h3>Please enter the name you would like on your Teddy Bears Top then click update: </h3>
				<input name="name" class="name" type="text" id="name" value="Please type in Name for Personalization" maxlength="75" />
				<!--h3>Please use the following text field to add any special instructions </h3>
				<textarea class="breabox special_instruction" name="special_instruction"></textarea -->
				<br class="clearboth"  />
				<input type="submit" value="Update" class="ok_btn" id="NameBearOk" />
				<input type="submit" value="Cancel" class="back" id="NameBearBack" /><br class="clearboth"  />
			</div >
			<br class="clearboth"  />
		</div>


	<div class="personalized-bear-header" >
		<img src="<?php echo $this->baseUrl('/componentroot/appstore/');?>personalized-teddy-bear-step-four.jpg" alt="Personalized Teddy Bear Hoodie" class="personalized-btn" id="card"  />
	</div >
	<div id="personalized-cards" >
		<div id="card_collection" >
			<ul >
			<?php foreach($cardArr as $i => $product):?>
				<?php if($i>0 && $i %4 == 0):?></tr><tr><?php  endif;?>
				<li class="personalized-teddy-bear-card-holder" >
					<?php echo App::Helper('Html')->imgDTag($this->baseDir("/uploads/filemanager/{$product['thumbnail']}"),"/80/fix",array('alt'=>"{$product['title']}",'class'=>'card','id'=>"card_{$product['id']}","longdesc"=>base64_encode($this->baseDir("/uploads/filemanager/{$product['large-image']}")))); ?><br />
					<?php echo $product['title'];  ?>
				</li>
			<?php endforeach;?>
			</ul>
			<br class="clearboth"  />
			<div class="help" >Please click on the Greeting Card's picture to select it.</div>
			<br class="clearboth"  />
		</div >
	</div >
	<div id="personalize_a_card" >
		<div id="personalize_a_card_left" >
			<ul id="txt_left">
				<li id="front_text_1"></li>
				<li id="front_text_2"></li>
			</ul>
		</div >
		<div id="personalize_a_card_right" >
					<ul id="txt_right">
						<li id="inside_text_1"></li>
						<li id="inside_text_2"></li>
						<li id="inside_text_3"></li>

					</ul></div ><div class="clearboth" ></div><div id="personalize_a_card_boxs" >	<ul>
						<li style="margin-bottom:5px"><label>FRONT TEXT 1 (upto 20 characters): </label><span><input  type="text"  name="front_text_1"  class="text-box input-small" maxlength="20" value="" /></span></li>
						<li style="margin-bottom:5px"><label>FRONT TEXT 2 (upto 15 characters): </label><span><input  type="text"  name="front_text_2"  class="text-box input-small" maxlength="15" value="" /></span></li>
						<li style="margin-bottom:5px"><label>INSIDE TEXT 1 (upto 25 characters): </label><span><input type="text"  name="inside_text_1" class="text-box input-small" maxlength="25" value=""  /></span></li>
						<li style="margin-bottom:5px"><label>INSIDE TEXT 2 (upto 25 characters): </label><span><input type="text"  name="inside_text_2" class="text-box input-small" maxlength="25" value=""  /></span></li>
						<li style="margin-bottom:5px"><label>INSIDE TEXT 3 (upto 25 characters): </label><span><input type="text"  name="inside_text_3" class="text-box input-small" maxlength="25"  value=""  /></span></li>

						<li><label>&nbsp;</label><span><input type="submit"  name="cardOk" value="Confirm" id="confirmCardText" class="back" /> <input type="submit"  name="cardOk" value="Change Card" id="selectAnotherCard" class="back" /></span></li>
					</ul>

				</div ></div ><form action="" method="post" id="orderform" style="display:none" ><h4 class="plswait">Please wait..</h4>
				<div ><input type="hidden" name="data[Order][data]" value="data" id="order_data" /></div></form >	</div>
</div>

<div class="right">
	<ul>
		<li>
				<h2>Teddy Bear</h2></li>
		<li class="bear_pan">
			<img src="<?php echo $this->baseUrl('/');?>images/spacer.gif" alt="Personalized Bear" id="bear_pan_images"  />
			<label id="bear_pan_images_title" class="block"></label></li>

		<li><h2 >Teddy Bear Hoodie</h2></li>
		<li class="bear_pan">
			<img src="<?php echo $this->baseUrl('/');?>images/spacer.gif" alt="Personalized Teddy Bear hooide" id="hoodie_pan_images" />
			<label id="hoodie_pan_images_title" class="block"></label>
		</li>
			<li><h2>Embroidery</h2></li>
		<li class="bear_pan">
			<span class="message_bear_pan" id="message_bear_pan">
				<label class="icon_pan" id="icon_pan"></label><br />
				<label class="kiss_pan"></label><br />
				<label class="message_pan"></label><br />
			</span>
			<span class="name_bear_pan" id="name_bear_pan">
				<label class="name_pan"></label>
			</span></li>
		<li><h2>Greeting Card</h2></li>
		<li class="bear_pan">
			<p style="text-align:left">
				<label class="p_front_text_1"></label><br />
				<label class="p_front_text_2"></label><br />
				<label class="p_inside_text_1"></label><br />
				<label class="p_inside_text_2"></label><br />
				<label class="p_inside_text_3"></label><br />
			</p>

		</li>
	</ul>
</div>
</div>
